﻿@Code
    ViewBag.Title = "Continuar con el proceso de matricula incompleto"
End Code
@Section JSImport
    @MvcHtmlString.Create(Bundle.JavaScript() _
                                .Add("~/Scripts/Funciones/BlockPageLoadExtension.js") _
                                .Add("~/Scripts/JSPage_Matricula.js") _
                                .ForceRelease _
                                .Render("~/Scripts/JSPage_ContinuProcessMatricula.js"))
End Section
@Section CSSImport
    @MvcHtmlString.Create(Bundle.Css() _
                                .Add("~/Content/themes/Redmond/jquery-ui-1.8.16.custom.css") _
                                .ForceRelease _
                                .Render("~/Content/CSSMatricula.css"))
End Section
@Section MenuMatricula
    @Html.Partial("_MenuMatriculaView")
End Section
<script type="text/javascript">
    $(function () {  //document.Ready()
        $('.button-link').on('click', function (e) {
            var $self = $(this);
            BlockUI({ message: "Intentando enviar el correo electrónico..." });
            $.ajax({ url: $self.attr('action'), type: "POST", cache: true, data: {param: $($self.attr('data-parametro')).val()} })
                                .done(function (data) {
                                    //Desbloqueamos la UI, y mostramos el formulario al usuario
                                    UnBlockUI();
                                    $('article').show();
                                })
                                .fail(eventErrorLoadDataInitial);
        });

        
    });
</script>
<div class="form-matricula" style="margin-top: 10px; height: auto;">
    <h1>PROCEDIMIENTO PARA CONTINUAR LA SOLICITUD DE MATRICULA PENDIENTE</h1>
    <section style="margin-top: 30px;">
        <h2>CONSIDERACIONES A TOMAR EN CUENTA ANTES DE CONTINUAR</h2>
        <div class="line-titulo"></div>
        <div class="form-sections">
            <span style="display: block">El proceso de matricula para nuevo ingreso se divide en 3 etapas.</span>
            <ul>
                <li style="margin-bottom: 8px; line-height: 1.4em"><b>Primera etapa:</b> La primera etapa es donde se recogen todos los datos personales del alumno, como por ejemplo sus nombres, apellidos, dirección, teléfonos, etc.</li>
                <li style="margin-bottom: 8px; line-height: 1.4em"><b>Segunda etapa:</b> La segunda etapa es donde se le solicita al alumno los datos de la persona adulta que será el responsable del mismo. Además, también es donde se introducen los datos del Padre y de la Madre del alumno.</li>
                <li style="margin-bottom: 8px; line-height: 1.4em"><b>Tercera etapa:</b> La tercera y ultima etapa es donde se le solicita al alumno, una foto a color con vestimenta formal. La foto podrá ser subida en formato JPG o PNG. Una vez subida la foto, pasara por un proceso de aprobación de la fotografía subida por el alumno.</li>
            </ul>
            <span style="display: block; line-height: 1.4em; margin-bottom: 8px;">Una solicitud de matricula se considera <b>INCOMPLETA</b>, cuando el alumno que esta aplicando a la matricula ya ha completado la primera etapa del proceso. Al haber finalizado la primera etapa, el sistema genera un <u>No. de solicitud de nuevo ingreso</u> el cual se le muestra al alumno por medio de un mensaje.</span>
            <span style="display: block; line-height: 1.4em" margin-bottom: 8px;>El No. de solicitud de nuevo ingreso, el alumno <b>deberá guardarlo</b> para su futuro seguimiento en el sistema, ya que con el numero de solicitud, podrá ver el estado de su solicitud, y el resultado si fue aprobado o reprobado en el instituto.</span>
        </div>
    </section>
    <section style="margin-top: 10px;">
        <h2>NO. DE SOLICITUD DE NUEVO INGRESO</h2>
        <div class="line-titulo"></div>
        <div class="form-sections" style="line-height: 1.4em; padding-bottom: 0px;">
            Al ingresar su No. de Solicitud de Nuevo Ingreso, el sistema automáticamente determinara la etapa en la que se encuentra del proceso y lo redireccionará a la pagina correspondiente.
        </div>
        <div id="sec-num-solicitud" class="form-sections" style="padding-bottom: 4px;">
            <table class="form-sections-table">
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Ingrese su número de solicitud de nuevo ingreso:</span>
                        <span>@Html.TextBox("noSolicitud", Nothing, New With {.maxlength = "10", .type = "number", .Style = "width: 100px;", .class = "css-input validate[custom[onlyNumberSp]]"})</span>
                        <span><input id="btnNo Solicitud" class="button-link" action="/Matricula/Matricula_Save_Alumno" value="Buscar y continuar con el proceso de matricula" style="width: 290px; text-align: center;  margin-left: 20px;" /></span>
                    </td>
                </tr>
            </table>
        </div>
    </section>
    <section style="margin-top: 30px; margin-bottom: 20px;">
        <h2>¿CÓMO RECUPERAR EL NO. DE SOLICITUD DE NUEVO INGRESO SI LO EXTRAVIO?</h2>
        <div class="line-titulo"></div>
        <div class="form-sections" style="line-height: 1.4em; padding-bottom: 0px;">
            Si por casualidad perdió o extravió el No. de solicitud de matricula, el único método disponible para recuperarlo,  es por medio del No. de NIE del alumno. Únicamente se deberá ingresar el NIE y el sistema automáticamente enviara un correo con su no. de solicitud de nuevo ingreso.
        </div>
        <div id="sec-no-perdido" class="form-sections" style="padding-bottom: 4px;">
            <table class="form-sections-table">
                <tr>
                    <td>
                        <span class="form-sections-table-cells-titulos form-sections-table-cells-span">Ingrese su No. de NIE:</span>
                        <span>@Html.TextBox("CorreoE", Nothing, New With {.maxlength = "16", .type = "text", .Style = "width: 280px;", .class = "css-input validate[custom[email]]"})</span>
                        <span><input type="button" id="btnRecoveryNo" class="button-link" action="/Matricula/Matricula_Send_NoSolicitud" data-parametro="#CorreoE" value="Enviar mi No. de solicitud de nuevo ingreso a mi correo" style="width: 350px; text-align: center; margin-left: 20px;" /></span>
                    </td>
                </tr>
            </table>
        </div>
    </section>
</div>
